<template>
  <div class="content bg-fff">
    <ul>
      <li class="clearfix con">
        <div class="nt">
          <h2 class="name">10元优惠券</h2>
          <div class="time">中奖时间：2018-04-23 10:20:10</div>
        </div>
        <div class="jf">
          消费积分：0
        </div>
      </li>
      <li class="clearfix con">
        <div class="nt">
          <h2 class="name">10元优惠券</h2>
          <div class="time">中奖时间：2018-04-23 10:20:10</div>
        </div>
        <div class="jf">
          消费积分：0
        </div>
      </li>
      <li class="clearfix con">
        <div class="nt">
          <h2 class="name">10元优惠券</h2>
          <div class="time">中奖时间：2018-04-23 10:20:10</div>
        </div>
        <div class="jf">
          消费积分：0
        </div>
      </li>
    </ul>

  </div>
</template>

<script>
  export default {
    components: {},
    data(){
      return {
      };
    },
    mounted(){

    },
    methods: {},
    filters: {}
  }
</script>

<style scoped>
  .content{
    text-align: left;
  }

  .con{
    padding: 1rem .75rem;
    border-bottom: 1px solid #f7f7f7;
  }

  .nt{
    float: left;
  }
  .name {
    font-size: .8rem;
    color: #333333;
  }

  .time{
    font-size: .6rem;
    color: #999999;
    margin-top: .5rem;
  }

  .jf{
    float: right;
    font-size: .65rem;
    color: #F74C4E;
  }



</style>
